<template>
  <div>
    <el-scrollbar style="height:  300px;border:1px solid red">
      <div ref="targetRef"  data-aos="fade-up" data-aos-anchor-placement="top-bottom">
        999
      </div>
      <div style="height: 100%; overflow: auto;">
        <!-- 动画将在滚动到这个元素时触发 -->
        <div v-for="i in 20" data-aos="fade-up" data-aos-duration="3000">
          这是一个滚动动画的例子。当您滚动页面时，这段文本会淡入并向上移动。
        </div>
        <!-- 更多滚动内容 -->
      </div>
    </el-scrollbar>
  </div>
</template>

<script lang="ts" setup>
import { onMounted, ref } from 'vue';
let targetRef=ref(null)


</script>
<style>
/* 在这里添加CSS样式 */
</style>